<template>
    <div id="discover">
          <div id='header1'><h2><span>&lt;</span>发现</h2></div>
            <div class='feature'>
              <div class='left'>
                <div class='jifen box'>
                  <p class='txt1'>积分商城</p>
                  <p class='txt2'>0元好物在这里！</p>
                  <img src='../assets/images/jifen.jpeg'  />
                </div>
                <div class='liuliang box'>
          
                  <div class='text'>
                  <p class='txt1'>免费流量</p>
                  <p class='txt2'>每月最高500M</p>
                </div>
                <img src='../assets/images/liuliang.jpg'  />
              </div>
              </div>    
        
              <div class='right'>
                <ul>
                  <li class='meishi box '>
                    <div class='text'>
                      <p class='txt1'>美味爆料</p>
                      <p class='txt2'>想吃零食点我点我</p>
                    </div>
            
                    <img src='../assets/images/meiwei.jpeg'  />
                  </li>
                  <li class='tuijian box'>
            
                    <div class='text'>
                      <p class='txt1'>推荐有奖</p>
                      <p class='txt2'>5元现金拿不停</p>
                    </div>
            
                    <img src='../assets/images/tuijian.jpeg'  />
                  </li>
                  <li class='hongbao box'>
            
                    <div class='text'>
                      <p class='txt1'>有红包快抢</p>
                      <p class='txt2'>礼包福利领不停</p>
                    </div>
            
                    <img src='../assets/images/hongbao.jpg'  />
                  </li>
                </ul>
          
              </div>
      
      </div>
        <div class='nav'>
          <img src='../assets/images/nav.jpg'  />
        </div>
        <div class='main'>
          <section>
        <div class='inner'>
          <div class='header'>
            <div class='left'></div>
            <div class="icon1">
              <i class='iconfont'>&#xe62d;</i>
              美食热推
            </div>
            <div class='right'>
            </div>
          </div>
          <p class='title'>你的口味，我都懂得</p>
          <ul>
            <li>
              <img src='../assets/images/jipai.jpg' />
              <p class='call'>鸡排/牛肉饼双拼盘</p>
              <p class='price'>￥19.8</p>
            </li>
            <li>
              <img src='../assets/images/yiliduo.jpg' />
              <p class='call'>益力多500ml</p>
              <p class='price'>￥10.9</p>
            </li>
            <li>
              <img src='../assets/images/naicha.jpg' />
              <p class='call'>招牌烧仙草</p>
              <p class='price'>￥13</p>
            </li>
          </ul>
          <p class='more'>查看更多&gt;</p>
        </div>
      </section>
      
    </div>
    </div>
</template>

<script>
    export default {
      name: 'discover',
        data(){
            return{
               list:[]
            }
        },
        methods:{
            
        },
        computed:{

        },
         mounted(){
           

        }
    }
</script>